{% extends "templates/base.phtml" %}
{%block content%}
<div class="page-content-wrap">
    <div class="row">
        <div class="col-md-12 iframe-wrap">
            <div class="embed-responsive embed-responsive-16by9">
                <iframe class="embed-responsive-item J-iframe" src="http://appdev.i-yizhan.com/{{app}}/index/index/{{accesstoken}}"></iframe>
            </div>
        </div>
    </div>
</div>
{%endblock%}
{%block end%}
<style type="text/css">
    html,body{
        height: 100%;
        overflow: hidden;
    }
    .iframe-wrap,iframe{
        padding: 0 !important;
        margin:0 !important;
    }

</style>
<script type="application/javascript">
    $(document).ready(function(){
        var body_h = $("body").height();
        var top_h = $(".J-top").height();
        $(".J-iframe").height(body_h - top_h);
    });
</script>
{%endblock%}